<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
				background-color: #ccc;
			}
			
			.nav {
				padding: 0;
				position: relative;
				margin: 60px auto;
				width: 450px;
				height: 50px;
				transition: 0.5s;
				background-color: #FFFFFF;
			}
			
			.nav .left {
				width: 36px;
				height: 36px;
				position: absolute;
				top: 7px;
				left: -17px;
				background-color: #ccc;
				transform: rotate(45deg);
			}
			
			.nav .right {
				width: 36px;
				height: 36px;
				position: absolute;
				top: 7px;
				left: 432px;
				background-color: #FFFFFF;
				transform: rotate(45deg);
			}
			
			.nav .list {
				overflow: hidden;
				position: relative;
				top: -20px;
				display: flex;
				margin: 0 auto;
				width: 340px;
				height: 50px;
				list-style-type: none;
			}
			
			.nav .list li {
				position: relative;
				top: 15px;
				width: 70px;
				height: 50px;
				line-height: 50px;
				transition: 0.3s;
			}
			
			.nav .list li:hover {
				top: 0px;
			}
			
			.nav .list li a {
				display: block;
				height: 60px;
				width: 55px;
				text-align: center;
				text-decoration: none;
				color: white;
				justify-content: space-around;/*主轴均匀分布显示*/
				background-color: #46a77a;
				border-radius: 60%;
			}
		</style>
	</head>

	<body>
		<div class="nav">
			<div class="left"></div>
			<div class="right"></div>
			<ul class="list">
				<li>
					<a href="map.html" target="right">地图</a>
				</li>
				<li>
					<a href="yibao.html" target="right">医保</a>
				</li>
				<li>
					<a href="xinnonghe.html" target="right">新农合</a>
				</li>
				<li>
					<a href="jiuzhentu.html" target="right">流程图</a>
				</li>
				<li>
					<a href="pingmiantu.html" target="right">平面图</a>
				</li>
				<li>
					<a href="denglu.html" >首页</a>

				</li>
			</ul>

		</div>
		<div class="col-md-10" style="margin: 0;padding: 0;background-color:white;border: 0px">
		    <iframe src="map.html" name="right" width="100%" height="700px" >
		    </iframe>
		</div>
	</body>

</html>